﻿.popup-window {
    width:80%;
    _width:800px; /* css hack : just for ie */
    height:90%;
    _height:500px; /* css hack : just for ie */
    overflow:auto
}

.popup-window-background {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*****************************************
 * dialog
 *****************************************/
.dialog
{
    background-repeat: no-repeat;
    top: 100px;
    left: 50%;
    position: fixed;
    z-index: 200; 
    background-color: #E8E8DC;
    /*background-color: #009933;*/
    padding: 30px; /* 根據 dialog-close 的 width, height 決定 */
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.dialog-close {
    background: transparent url(../images/overlay-close.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    right: 4px;
    cursor: pointer;
}
/*****************************************
 * container
 *****************************************/
div.container {
    position:relative; /* needed for footer positioning*/
    /*background:#f0f0f0;*/
    width:100%;
    min-height:100%; /* real browsers */
}

/*****************************************
 * title
 *****************************************/
.dialog .title {
    font-size: 30px;
    color: #999;
    margin-bottom: 10px;
    /*
    background:#ddd;
    border-bottom:6px double gray;
    */
}

.dialog .title span {
    color: black;
}

/*****************************************
 * content
 *****************************************/
div.content {
    padding:1em 1em 5em; /* bottom padding for footer */
}

div.content p {
    text-align:justify;
    padding:0 1em;
}


/*****************************************
 * footer
 *****************************************/
div.footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    /*
    background:#ddd;
    border-top:6px double gray;
    */
}
    
/*****************************************
 * button
 *****************************************/
.button-contianer
{
    padding:10px 0px;
    text-align:center;
}

.button {
    color: white;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    margin-right: 20px;
}

.button:active {
    background: #D1E751;
    color: black;
}

.button:hover {
    background: black;
}
 
.submit
{
    background-color: #008FBB;
    background-image: linear-gradient(top, #4DBCE9, #008fbb);
    }

.cancel
{
    background-color: #FF3300;
    background-image: linear-gradient(top, #4DBCE9, #008fbb);
    }    

/*****************************************
 * dialog table
 *****************************************/
.dialog table
{ 
    border-collapse: collapse; 
    font-family: 微軟正黑體; 
    width: 100%; 
}

.dialog th
{
    text-align: right;
    background-color: #EEEEFC;
    border: solid 1px dimgray;
    font-size: 10pt;
    text-align: center;
}

.dialog td
{
    background-color: White; 
    text-align: left;
}